<template>
	<view class="loading" @click.stop="()=>{return}">
		<view class="loading__main">
			<image :src="loadingImg" mode="widthFix" class="main__img"></image>
			<view class="main__tips">正在为您加载中...</view>
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex'
	export default {
		computed:{
			...mapState("config", ['globalConfig']),
			loadingImg(){
				return this.globalConfig.logo
			}
		}
	}
</script>

<style lang="scss" scoped>
	.loading{
		z-index: 9999;
		width: 750rpx;
		height: 100vh;
		position: fixed;
		left: 0;
		bottom: 0;
		background: #fff;
		@include flexCenter(column);
		.loading__main{
			@include flexCenter(column);
			margin-top: -260rpx;
			.main__img{
				width: 180rpx;
				height: 180rpx;
				border-radius: 16rpx;
			}
			.main__tips{
				font-size: 28rpx;
				color: #999;
				margin-top: 20rpx;
			}
		}
	}
</style>